<template>
  <div class="user-info">
    <div class="data-item">
      <div class="label">会员到期日期</div>
      <div class="content">
        <el-input
          v-model="memberInfo.effectedDate"
          clearable
          :disabled="true">
        </el-input>
      </div>
    </div>
    <div class="data-item">
      <div class="label">剩余天数</div>
      <div class="content">
        <el-input
          v-model="memberInfo.days"
          clearable
          :disabled="true">
        </el-input>
      </div>
    </div>
  </div>
</template>

<script>
import { getEffectedDate } from '@/project/service/store'

import { setTimeout } from 'timers'
export default {
  name: 'UserInfo',
  props: {
    userInfo: {
      type: Object,
      default() {
        return {}
      },
    },
  },
  data() {
    return {
      memberInfo:{}
    }
  },
  created(){
    getEffectedDate({},data => {
      this.memberInfo = data
    })
  },
  methods: {

  },
}
</script>
<style lang="less" scoped>

.user-info {
  width: 100%;
  margin-top:20px;

  .data-item{
    display: flex;
    align-items: center;
    margin-bottom: 30px;

    .label{
      width: 130px;
      padding-left: 20px;
    }

    .img{
      width: 50px;
      height:50px;

      img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
  }

  .btn{
    background: #00a16c;
    border: none;
    border-radius: 2px;
    margin-left: 150px;
  }
}

</style>
